<!DOCTYPE HTML>
<html>
<head>
  <title>Test loading of the same resource in multiple elements</title>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
  <script type="text/javascript" src="manifest.js"></script>
</head>
<body>

<pre id="test">
<script class="testbody" type="text/javascript">

SimpleTest.requestCompleteLog();
var manager = new MediaTestManager;

function cloneLoaded(event) {
  ok(true, "Clone loaded OK");
  var e = event.target;

  if (e._expectedDuration) {
    ok(Math.abs(e.duration - e._expectedDuration) < 0.1,
       "Clone " + e.currentSrc + " duration: " + e.duration + " expected: " + e._expectedDuration);
  }

  e.removeEventListener("loadeddata", cloneLoaded, false);
  removeNodeAndSource(e);
  manager.finished(e.token);
}

function tryClone(event) {
  var e = event.target;
  var clone = e.cloneNode(false);
  clone.token = e.token;

  // Log events for debugging.
  var events = ["suspend", "play", "canplay", "canplaythrough", "loadstart", "loadedmetadata",
                "loadeddata", "playing", "ended", "error", "stalled", "emptied", "abort",
                "waiting", "pause"];
  function logEvent(evt) {
    var e = evt.target;
    info(e.token + ": got " + evt.type);
  }
  events.forEach(function(e) {
    clone.addEventListener(e, logEvent, false);
  });


  if (e._expectedDuration) {
    ok(Math.abs(e.duration - e._expectedDuration) < 0.1,
       e.currentSrc + " duration: " + e.duration + " expected: " + e._expectedDuration);
    clone._expectedDuration = e._expectedDuration;
  }

  clone.addEventListener("loadeddata", cloneLoaded, false);
  clone.onloadstart = function(evt) {
    info("cloned " + evt.target.token + " start loading.");
    evt.target.onloadstart = null;
    // Since there is only one H264 decoder instance, we have to delete the
    // decoder of the original element for the cloned element to load. However,
    // we can't delete the decoder too early otherwise cloning decoder will
    // fail to kick in. We wait for 'loadstart' event of the cloned element to
    // know when the decoder is already cloned and we can delete the decoder of
    // the original element.
    removeNodeAndSource(e);
  }

  e.removeEventListener("loadeddata", tryClone, false);
}

// This test checks that loading the same URI twice in different elements at the same time
// uses the same resource without doing another network fetch. One of the gCloneTests
// uses dynamic_resource.sjs to return one resource on the first fetch and a different resource
// on the second fetch. These resources have different lengths, so if the cloned element
// does a network fetch it will get a resource with the wrong length and we get a test
// failure.

function initTest(test, token) {
  var elemType = /^audio/.test(test.type) ? "audio" : "video";
  var e = document.createElement(elemType);
  e.preload = "auto";
  if (e.canPlayType(test.type)) {
    e.src = test.name;
    if (test.duration) {
      e._expectedDuration = test.duration;
    }
    ok(true, "Trying to load " + test.name);
    e.addEventListener("loadeddata", tryClone, false);
    e.load();
    e.token = token;
    manager.started(token);
  }
}

manager.runTests(gCloneTests, initTest);

</script>
</pre>
</body>
</html>
